<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户登录</title> <!-- Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/login.css">
</head>

<body>
<div id="logo">
    <img src="static/img/logo.jpg" alt="数字长大" class="img-circle">
</div>
<div class="container">
    <div class="row row-centered">
        <div class="well col-md-6 col-centered">
            <form>
                <h1>Login in</h1>
                <div class="ygl-input-group">
                    <label for="stu-id" class="ygl-label">Student ID</label>
                    <input type="text" name="stu_id" id="stu-id" class="ygl-input-text" autocomplete="off">
                </div>
                <div class="ygl-input-group">
                    <label for="password" class="ygl-label">Password</label>
                    <input type="password" name="password" id="password" class="ygl-input-password">
                </div>
                <div class="ygl-btn center-block">
                    <input type="button" class="btn btn-warning" value="登入" id="submit">
                </div>
            </form>
        </div>
    </div>
</div> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script type="text/javascript">
    // 对浏览器的UserAgent进行正则匹配，不含有微信独有标识的则为其他浏览器
    var useragent = navigator.userAgent;
    if (useragent.match(/WindowsWechat/) == 'WindowsWechat' || useragent.match(/MicroMessenger/i) !=
        'MicroMessenger') {
        document.head.innerHTML =
            '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';
        document.body.innerHTML =
            '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>';
    }
</script>
<script src="static/js/jquery-3.3.1.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="static/bootstrap/js/bootstrap.min.js"></script>
<script src="static/js/login.js"></script>
</body>

</html>